<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
  <meta charset="utf-8" />
  <title>安庆调度</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta content="" name="description" />
  <meta content="" name="author" />
  <!-- BEGIN GLOBAL MANDATORY STYLES -->
  <link href=" ../../Global/Plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <link href="../../Global/Plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
  <link href="../../Global/Plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <!-- BEGIN THEME STYLES -->
  <link href='../../Application/Global/Css/themes/darkblue.css' rel='stylesheet' type='text/css' id='themes_color' />
  <!-- END THEME STYLES -->
  <!-- END GLOBAL MANDATORY STYLES -->
  <!-- <link rel="shortcut icon" href="../../application/global/favicon.ico" /> </head> -->
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->

<body class="page-md">
  <!-- BEGIN CONTAINER -->
  <div class="page-container no-margin">
    <!-- BEGIN CONTENT -->
    <div class="page-content">
      <!-- BEGIN PAGE CONTENT-->
      <div class="row">
        <div class="col-md-4">
          <div class="portlet box default-color" data-model="pagetree">
            <div class="portlet-title">
              <div class="caption"> <i class="fa fa-gift"></i> 服务列表 </div>
              <div class="tools"> <a href="javascript:;" class="collapse" 　data-bind="preventBubble: 'click'"></a> <a href="javascript:;" class="reload" data-bind="click:search"></a> <a href="javascript:;" class="fullscreen"></a> </div>
            </div>
            <div class="portlet-body">
              <div class="table-toolbar">
                <div class="row">
                  <div class="col-md-12">
                    <div class="btn-group float-right"> <a href="javascript:;" class="btn blue" data-bind="click:addService">
                                                新增服务
                        </a> <a href="javascript:;" class="btn red" data-bind="click:deleteService">
                                                                        删除
                                                                    </a></div>
                  </div>
                </div>
              </div>
              <!--Page树Start-->
              <div class="scroller" style="height: 600px;" data-height="600px;">
                <table class="table table-striped table-bordered table-hover ">
                  <thead>
                    <!--表头操作部分Start-->
                    <tr>
                      <!-- ko foreach: headers -->
                      <!-- ko if:$index()==0 -->
                      <th class="table-checkbox" style="width:5%"> <a href="javascript:;" data-bind="click:$root.checkedAll,text: $root.isCheckedAll()==true?'取消':'全选'"></a> </th>
                      <!-- /ko -->
                      <th> <a href="javascript:;" data-bind="text: text"></a>
                        <!-- <i data-bind="visible: field == $root.orderField() && $root.isAsc()" class="fa fa-chevron-up float-right"></i>  -->
                        <!-- <i data-bind="visible: field == $root.orderField() && !$root.isAsc()"  class="fa fa-chevron-down float-right"></i>  --></th>
                      <!-- ko if:$index() == $root.headers().length -1 -->
                      <th style="width:8%"> 操作 </th>
                      <!-- /ko -->
                      <!-- /ko -->
                    </tr>
                    <!--表头操作部分End-->
                  </thead>
                  <tbody>
                    <!-- ko foreach: recordSet -->
                    <tr class="odd gradeX" data-bind="click:$root.rowclick">
                      <td class="table-checkbox"> <input type="checkbox" data-bind="checked:$root.checkedUser,value:id　,preventBubble: 'click'"> </td>
                      <td data-bind="text:serviceName"></td>
                      <td data-bind="text:mainEngine"></td>
                      <td data-bind="text:port"></td>
                      <td data-bind="text:remark"></td>
                      <td> <a href="javascript:;" class="btn default btn-xs purple" data-bind="click:$root.exece">
                                                                                                          调用
                                                                                                      </a> </td>
                    </tr>
                    <!-- /ko -->
                  </tbody>
                </table>
              </div>
              <!--Page树End-->
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="portlet box default-color" data-model="pageinfo">
            <div class="portlet-title">
              <div class="caption"> <i class="fa fa-gift"></i> 服务信息 </div>
              <div class="tools"> <a href="javascript:;" class="collapse"></a> <a href="javascript:;" class="reload" data-bind="click:reset"></a> <a href="javascript:;" class="fullscreen"></a> </div>
            </div>
            <div class="portlet-body">
              <div class="table-toolbar">
                <div class="row">
                  <div class="col-md-12">
                    <div style="float:left;"> <label class="label label-danger">服务名称:<font data-bind="text:serviceName"></font></label> </div>
                    <div class="btn-group float-right">
                      <!-- ko if:id()==-1 --><a href="javascript:;" class="btn green" data-bind="click:add">
                                                新增
                                            </a>
                      <!-- /ko -->
                      <!-- ko if:id()>0 --><a href="javascript:;" class="btn blue" data-bind="click:update">
                                                                           保存
                                                                     </a>
                      <!-- /ko -->
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-horizontal" style="height: 600px;">
                <div class="form-body">
                  <div class="form-group"> <label class="col-md-4 control-label req">服务名称</label>
                    <div class="col-md-8">
                      <div class="input-group"> <input type="text" placeholder="请输入服务名称" class="form-control" data-rule="required" data-bind="value:serviceName"> </div>
                    </div>
                  </div>
                  <div class="form-group"> <label class="col-md-4 control-label req">主机</label>
                    <div class="col-md-8">
                      <div class="input-group"> <input type="text" placeholder="请输入主机" class="form-control" data-rule="required" data-bind="value:mainEngine"> </div>
                    </div>
                  </div>
                  <div class="form-group"> <label class="col-md-4 control-label ">端口</label>
                    <div class="col-md-8">
                      <div class="input-group"> <input class="form-control" placeholder="端口" data-bind="value:port" /> </div>
                    </div>
                  </div>
                  <div class="form-group"> <label class="col-md-4 control-label req">类型</label>
                    <div class="col-md-8">
                      <div class="input-group"> <select class="form-control" data-bind="options:typeList,optionsText:'name',optionsValue:'value',value:type">

                         </select> </div>
                    </div>
                  </div>
                  <div class="form-group"> <label class="col-md-4 control-label req">路径</label>
                    <div class="col-md-8">
                      <div class="input-group"> <input class="form-control " placeholder="请输入路径" data-rule="required" data-bind="value:path" /> </div>
                    </div>
                  </div>
                  <div class="form-group"> <label class="col-md-4 control-label ">备注</label>
                    <div class="col-md-8">
                      <div class="input-group"> <input class="form-control" placeholder="备注" data-bind="value:remark" /> </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="portlet box default-color" data-model="pageaction">
            <div class="portlet-title">
              <div class="caption"> <i class="fa fa-gift"></i> 参数 </div>
              <div class="tools"> <a href="javascript:;" class="collapse"></a> <a href="javascript:;" class="reload" data-bind="click:reset"></a> <a href="javascript:;" class="fullscreen"></a> </div>
            </div>
            <div class="portlet-body">
              <div class="table-toolbar">
                <div class="row">
                  <div class="col-md-12">
                    <div class="btn-group float-right"> <a href="javascript:;" class="btn green" data-bind="click:addRow">
                                                新增
                                            </a> </div>
                  </div>
                </div>
              </div>
              <div class="scroller" style="height: 600px;" data-height="600px;">
                <table class="table table-striped table-bordered table-hover">
                  <thead>
                    <!--表头操作部分Start-->
                    <tr>
                      <th>字段名称</th>
                      <th>字段编码</th>
                      <th style=" width: 160px;">操作</th>
                    </tr>
                    <!--表头操作部分End-->
                  </thead>
                  <tbody>
                    <!-- ko foreach: recordSet -->
                    <tr class="odd gradeX editable-datarow">
                      <td> <span data-bind="text:paramName"></span> </td>
                      <td data-bind="text:paramCode"></td>
                      <td> <a href="javascript:;" class="btn default btn-xs purple" data-bind="click:$root.editing">
                                                    编辑
                                                </a> <a href="javascript:;" class="btn default btn-xs black" data-bind="click:$root.delete">
                                                    删除
                                                </a> </td>
                    </tr>
                    <tr class="odd gradeX editable-editrow">
                      <td>
                        <div class="form-group">
                          <div class="input-group"> <input type="text" class="form-control" data-bind="value:paramName" data-rule="required"> </div>
                        </div>
                      </td>
                      <td>
                        <div class="form-group">
                          <div class="input-group"> <input type="text" class="form-control" data-bind="value:paramCode" data-rule="required"> </div>
                        </div>
                      </td>
                      <td>
                        <!--ko if:$data.id==0--><a href="javascript:;" class="btn default btn-xs purple" data-bind="click:$root.add">
                                                    新增
                                                </a>
                        <!--/ko-->
                        <!--ko if:$data.id!=0--><a href="javascript:;" class="btn default btn-xs purple" data-bind="click:$root.update">
                                                    保存
                                                </a>
                        <!--/ko--><a href="javascript:;" class="btn default btn-xs black" data-bind="click:$root.edited">
                                                    取消
                                                </a> </td>
                    </tr>
                    <!-- /ko -->
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- END PAGE CONTENT-->
    </div>
    <!-- END CONTENT -->
  </div>
  <div class="modal fade" id="modal-user" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:999">
    <div class="modal-dialog modal-full" data-model="prameList">
      <div class="modal-content">
        <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
          <h4 class="modal-title">参数信息</h4> </div>
        <div class="modal-body">
          <div class="portlet-body form" style="display: block;">
            <div class="form-horizontal">
              <div class="form-body">
                <div class="row">
                  <div class="col-md6"> <span class="label label-danger" data-bind="visible:$root.showError">执行失败</span> </div>
                </div>
                <!-- ko foreach: recordSet -->
                <div class="row">
                  <div class="form-group col-md-6"> <label class="col-md-3 control-label req " data-bind="text:paramName"></label>
                    <div class="col-md-9">
                      <div class="input-group">
                        <!-- <span class="input-group-addon">
                                                        <i class="fa fa-envelope"></i>
                                                    </span> -->
                                                     <input type="text" class="form-control date date-picker param " data-date-format="yyyy-mm-dd hh:mm" data-bind="attr:{code:paramCode}" data-rule="required"> </div>
                    </div>
                  </div>
                </div>
                <!-- /ko -->
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer"> <button type="button" class="btn blue-dark" data-bind="click:$root.excuteEtl">执行</button> <button type="button" class="btn block" data-dismiss="modal">关闭</button> </div>
      </div>
      <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
  </div>
  <!-- END CONTAINER -->
  <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
  <!-- BEGIN CORE PLUGINS -->
  <!--[if lt IE 9]>
    <script src="../../Global/Plugins/excanvas.min.js"></script>
    <script src="../../Global/Plugins/respond.min.js"></script>
    <![endif]-->
  <script src="../../Global/Scripts/require.js"></script>
  <script src="../../Global/Scripts/akcy.config.js"></script>
  <script src="Scripts/pages.js"></script>
</body>
<!-- END BODY -->

</html>
